<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>很多人</title>
    <link rel="icon" href="../icon/1.ico" type="image/x-icon">
    <link rel="stylesheet" href="../lib/bootstrap-3.0.3/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../lib/bootstrap-3.0.3/css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" href="../css/talk.css"/>
</head>
<body>
    <div class="tt-header">
        <div class="container">
            <div class="row "></div>
            <h1 class="tt-logo"><span class="glyphicon glyphicon-sound-dolby"></span> tt屋子 <small>一起来玩吧！</small></h1>
        </div>
    </div>

    <div class="tt-talk container">
        <div class="row">
                <div class="col-lg-3 talk-left">
                <div class="row room-info" id="room-info">
                    <h3 class="text-center">当前唧唧歪歪的人数：</h3>
                    <h1 class="text-center people-num">0</h1>
                    <div class="room-news">
                        <ul>
                            <!--   <li><p><em>16:25:00</em> <strong>dfdfd</strong><span>【127.0.1.1】</span> 加入</p></li>   -->
                        </ul>
                    </div>
                </div>
                <div class="row my-info" id="my-info">
                    <div class="join-before" >
                        <span class="help-block nick-warning"> <span class="glyphicon glyphicon-warning-sign"></span> 昵称已被占用，换一个吧！</span>
                        <input type="text" class="form-control nick-name"/>
                        <span class="help-block"> 给自己取个昵称，就可以加入啦！</span>
                        <button type="button" class="btn btn-primary btn-block start-btn">开始聊天</button>
                    </div>
                    <div class="join-after text-center hidden">
                        <p>我的昵称:</p>
                        <h3 class="my-nick">我的</h3>
                        <p>我的IP:</p>
                        <h5 class="my-ip">1212</h5>
                    </div>
                </div>
            </div>
            <div class="col-lg-8 col-lg-offset-1 talk-right" id="msg">
                <div class="talk-contain">
                    <ul>
                        <!--<li>
                            <h4><span>【】</span> <small></small></h4>
                            <p></p>
                        </li>  -->
                    </ul>
                </div>
                <div class="send-msg hidden">
                    <textarea class="form-control"  rows="3"></textarea>
                    <button type="button" class="btn btn-info send-btn">发 送</button>
                </div>
            </div>
        </div>
    </div>




<script type="text/javascript" src="../lib/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../lib/bootstrap-3.0.3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../lib/socket.io.js"></script>
<script type="text/javascript" src="../js/talk.js"></script>
</body>
</html>